<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        #head {
            height: 50px;
        }

        #logo {
            height: 50px;
            float: left;
        }

        #logo img {
            width: 50px;
            height: 50px;
            float: left;
        }

        #nav {
            float: left;
            margin-left: 20%;
        / / background-color: #628794;
        / / background-color: rebeccapurple;
            border: 1px solid black;
            height: 90px;
        }

        #nav ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: block;
            height: 60px;
            width: 100%;
        / / background-color: green;
        }

        #nav ul li {
            display: block;
            height: 60px;
            width: 100px;
            margin: 0;
            float: left;
        }

        #nav ul li a {
            text-decoration: none;
            display: block;
            width: 100%;
            height: 60px;
            padding-top: 30px;
            /*padding-left: 20px;
            padding-right: 20px;*/
            text-align: center;
        }

        #nav ul li a:link, #nav ul li a:visited {
            background-color: #628794;
            color: #ffffff
        }

        #nav ul li a:hover, #nav ul li a:active {
            background-color: #c6a648;
            color: #000000;
        }

        #content {
            clear: left;
        }
    </style>
</head>

<body>
<div id="head">

    <div id="logo">
        <img src="static/诚信.png"/>
    </div>

    <div id="nav">
        <ul>
            <li><a href="#">About us</a></li>
            <li><a href="#">Products</a></li>
            <li><a href="#">Support</a></li>
            <li><a href="#">Press</a></li>
        </ul>
    </div>

</div>

<div id="content">
    <h1>这是内容的标题</h1>
    <p>武汉建科科技有限公司位于武汉市东湖高新技术开发区光谷腹地,是一家专业研发、制造、销售环境工程、 岩土工程、工程物探、工程勘察、工程监测、工程检测、检测试验仪器设备的高新技术企业。
        现有员工数十人，80%以上具有本科以上学历，其中硕士1人，博士后1人。公司成立以来， 致力于工程检测、工程测试、工程勘察技术及仪器设备的研究开发，研制出基桩静载试验仪器、
        波速测试仪器、静力触探仪器、多通道位移测试仪器、岩土电阻率测试仪器及相关工程传感器等系列 具有自主知识产权的产品，在建设工程、公路工程、铁路工程、水利水电工程、国防工程等 各个工程建设领域得到广泛应用。</p>
</div>
</body>
</html>
